<!DOCTYPE html>
<html>
<head>
	<title>朗读</title>
	<link rel="stylesheet" type="text/css" href="./statics/style/public.css">
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" type="text/css" href="./statics/style/reading.css">
    <link href="https://vjs.zencdn.net/7.0.3/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/ie8/ie8-version/videojs-ie8.min.js"></script>
</head>
<body>
	<div class="mainContent">
		<div class="readingCont">
			<span class="readingTitle">任务二</span>
			<div class="video">
				 <video  webkit-playsinline="true" playsinline="true" id="my-video" class="video-js vjs-fluid" controls preload="auto" width="640"  height="264"
                    poster="" data-setup="{}">
	                <source src="https://www.siboxuetang.com/oss/videos/17660/ad956b845c9249f68aacac062535b851.mp4" type='video/mp4'>
	                <p class="vjs-no-js">
	                    To view this video please enable JavaScript, and consider upgrading to a web browser that
	                    <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
	                </p>
	            </video>
			</div>
			<div class="article">
				<p class="articleTitle">文章题目</p>
				<p>阅读小热身，对课文中经典篇目节选或者古诗词进行背诵，强化知识记忆！后台程序对背诵情况进行打分并指出错误，分数越高金币越多！</p>
				<p class="readingOn">阅读小热身，对课文中经典篇目节选或者古诗词进行背诵，强化知识记忆！后台程序对背诵情况进行打分并指出错误，分数越高金币越多！</p>
			</div>
			<button class="escapeBtn">跳过朗读</button>
		</div>
	</div>
</body>
<script src="https://vjs.zencdn.net/7.0.3/video.js"></script>
</html>